$(function () {
    //初始化轮播插件
    $("#slider").slidebox({
        boxh: 440, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20, //控制按钮宽度
        controlsH: 20, //控制按钮高度
        radius: 12 //控制按钮圆角度数
    })
    // 热销榜单交互效果
    // 榜单前三的数字背景色为#f60
    $("#hot li:lt(3) div").css("backgroundColor", "#f60")
    // 给当前li的高度设置为140，并给图片增加顶部外边距
    $("#hot li").on("mouseenter", function () {
        $(this).addClass("open").siblings("li").removeClass("open")

    })

    // 主编推荐
    $("#bookrecommend li:lt(3) span").css("color", "#f60")
    $('.bookrecommend li').on('mouseenter', function () {

        //其他li下面的内容隐藏
        $('.bookrecommend li div').hide()

        //其他li下面的标题显示
        $('.bookrecommend li h4').show()

        //隐藏当前li下面的标题
        $('h4', this).hide();

        //显示当前li下面的内容
        $('div', this).show();

    })

    // 独家提供轮播
    //初始化轮播插件
    $("#soleSlider").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 465, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    })


    $(".option li").on("mouseenter", function () {
        $(this).addClass("active").siblings().removeClass("active")
        //获取当前菜单索引
        let index = $(this).index();

        //显示当前菜单对应的内容
        let soleSlide = $(this).closest(".commonTitle").siblings(".soleContent").find(".soleSlide")

        $(soleSlide).eq(index).addClass('on').siblings(".soleSlide").removeClass("on")

    })

    // 换一批

    //获取第一个书籍列表的长度
    let len = $(".guessSlide .bookList").length
    console.log(len)

    //复制第一个书籍列表加到guessSlide后面
    $(".guessSlide .bookList").eq(0).clone().appendTo(".guessSlide");
    // 获取书籍列表索引
    let index = 0;
    // 获取书籍列表高度
    let listHeight = $(".guessSlide .bookList").outerHeight()
    console.log(listHeight)
    //注册换一批的点击事件
    $("#change").on("click", function () {
        console.log("123")
        ++index;
        console.log(-index * listHeight)
        $(".guessSlide").stop().animate({
            top:-index * listHeight
        }, 500,function () {
            if (index >= len) {
                index = 0;
                $(".guessSlide").css("top", 0) //瞬间完成
            }
        })

    })




})